home *** CD-ROM | disk | FTP | other *** search
/ MacAddict 115 / macaddict115.cdr / Software / Internet & Communication / Snak.dmg / Snak.app / Contents / Resources / snak.css < prev    next >
Cascading Style Sheet File  |  2005-05-06  |  3KB  |  82 lines
  1. /* Default Snak chat log style
  2.  * Copyright 2005 Nicholas Shanks
  3.  * Feel free to use and modify this for personal use
  4.  */
  5.  
  6. /* lines starting with # refers to items by ID 
  7.  * lines starting with . refers to items by class */
  8.  
  9.  
  10. /* set the default font size for the whole log to small */
  11. :root { font-size: small; }
  12.  
  13. /* prefix the server name with the words 'Connected to' */
  14. #server::before { content: "Connected to "; }
  15.  
  16. /* the panel name is not displayed since it is in the page title 
  17.  * change to inline instead of none to display it */
  18. #panel { display: none; }
  19.  
  20. /* and prefix the date the log was opened with 'at' */
  21. #opened::before { content: "at "; }
  22.  
  23. /* set topic change indications to look like a grey bar spanning the window */
  24. .topic { display: block; background-color: #DDD; margin: 0.5em 0; padding: 0.25em 0.5em; }
  25. .topic::before { content: "Topic: "; }
  26. .topic.changed::before { content: "Topic changed to: "; }
  27.  
  28. /* set the text size in a paragraph tag <p> to 9pt Monaco for chat logs (uses Windows-style 96dpi measurements, therefore 9pt = 7pt) */
  29. p { display: block; margin: 0 1em; font-family: "Monaco", "Geneva", sans-serif; font-size: 7pt; }
  30.  
  31. /* when two consecutive <p> tags are encountered, put a grey top border on the second (line dividers) */
  32. p+p { border-top: 1px solid #EEE; }
  33.  
  34. /* uncomment this line to set the divider line to a dashed style instead of solid */
  35. /* p+p {border-top-style: dashed; } */
  36.  
  37. /* set colour for your own messages */
  38. .own { color: purple; }
  39.  
  40. /* set colour for any private messages received */
  41. .private { color: red; }
  42.  
  43. /* set colour for server and error messages */
  44. .server, .error { color: blue; }
  45.  
  46. /* set colour for notices and informational messages */
  47. .notice, .info { color: gray; }
  48.  
  49. /* set colour for DCC notifications */
  50. .dcc { color: orange; }
  51.  
  52. /* the timestamp, to hide it, use 'display:none' */
  53. /* add float: left to the time class to make it go left, and a 1ex margin to the right to provide a space: */
  54. /*.time { display: none; } */
  55. .time { float:left; margin-right: 1ex; } 
  56. .time::before { content: '['; }
  57. .time::after { content: ']'; }
  58.  
  59. /* these two work together to cause the chat to be indented and the user nicks to be to the left of the chat
  60.  * you can change the value of the left padding, but if you do make sure you also change the action padding below */
  61. .author { float: left; }
  62. .contents { display: block; padding-left: 17em; }
  63.  
  64. /* uncomment the following line to stop messages wrapping and preserve white space (tabs, returns etc) in log messages */
  65. /* .contents { white-space: pre; } */
  66.  
  67. /* postfix a colon after user nicks */
  68. .author::after { content: ":"; }
  69.  
  70. /* prefix an asterisk before action messages */
  71. .action .author::before { content: "*"; }
  72.  
  73. /* clear the previously set colon after nicks if the message was an action */
  74. .action .author::after { content: ""; }
  75.  
  76. /* indent action messages to the same level as regular messages (see contents margin above) */
  77. .action { padding-left: 8em; }
  78.  
  79. /* un-float the nicks and remove the margin on action messages */
  80. .action .author { float: none; }
  81. .action .contents { display: inline; padding-left: 0; }
  82.